@keyframes move{
	0%{transform: rotate(-1deg);}
	100%{transform: rotate(3deg);}
}

* {
	margin: 0;
    padding: 0;
}

html{
	overflow-x: hidden;
}
img {
    margin: 0 3px -3px 0;
}
/*去掉输入框默认样式*/
button:focus
{
    outline: none;
}

.box{
	width: 750px;
	height:1334px;
	background-color:#d72330;
	display: flex;
    flex-direction: column;
    align-items: center;
}

.logo{
	width: 293px;
	height: 45px;
	background-color: black;
	background:url(../images0112/home_logo_image.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 44px;
}

.title{
	width: 492px;
	height: 242px;
	background: url(../images0112/home_title.png) no-repeat;
	background-size: 100% 100%;
	margin-top: 50px;
}

.title img{
	/*width: 125px;
	height: 122px;*/
	margin: -251px -76px;
}

.main{
	width: 495px;
    height: 692px;
    background: url(../images0112/home_cat_image.png) no-repeat;
    background-size: 100% 100%;
    transform-origin: 50% 100%;
    animation: move 0.8s infinite linear alternate;
}

.introduce{
    width: 100%;
    height: 219px;
    /*background-color: #F5FAF9;*/
    margin-top: -210px;
    z-index: 1;
}

.introduce_one{
	width: 162px;
    height: 131px;
    float: right;
    margin-right: 85px;
}

.introduce_two{
	width: 153px;
	height: 153px;
	float: right;
	margin-top: 131px;
    margin-right:-200px;
}

.shark{
	width: 157px;
	height: 62px;
	background: url(../images0112/home_rotate-title.png);
	background-size:100% 100%;
}

.request{
	width: 466px;
	height: 119px;
	background: url(../images0112/home_rotate_btn.png);
	background-size:100% 100%;
	margin-top: 10px;
}

/*蒙板*/
.mask{
	width: 750px;
	height:1334px;
	background-color:rgba(0,0,0,0.8);
	z-index: 2;
	display: flex;
	flex-direction: column;
	align-items: center;
	position: fixed;
	top: 0;
	visibility: hidden;

}

.mask_main{
	width: 640px;
	height: 680px;
	background-color:#d72330 ;
	border: 4px solid #ffc046;
	border-radius: 20px;
	margin-top: 262px;
}

.mask_main_title{
	width:640px;
	height: 170px;
	display: flex;	
}

.mask_main_title h1{
	width: 218px;
	height: 60px;
	background-color: rgb(163, 20, 34);
	font-size: 36px;
    font-weight: 900;
    color: #efb644;
    margin: auto;
    text-align: center;
    line-height: 60px;
    border-radius: 30px;
}

.mask_main_content{
	width: 80%;
	height: 400px;
	margin: 20px auto;
	color: white;
	font-size: 24px;
}

.mask_main_content p,.mask_main_content span{
	line-height: 44px;
}

.mask_close{
	width: 42px;
	height: 42px;
	background: url(../images0112/layer_close_btn.png) no-repeat;
	background-size:100% 100% ;
	margin-top: 80px;
}
/*显示活动机制*/
.show{
	visibility:visible;
}
